$(document).ready(function () {
    getarea(0, "province");
})

function getarea(pid, field) {
    $.get("/index/shop/getArea", {pid: pid}, function (data) {
        data = JSON.parse(data);
        var idd = "#" + field;
        for (var i = 0; i < data.length; i++) {
            var op = '<option class=' + field + ' value="' + data[i].id + '">' + data[i].name + '</option>';
            $(idd).append(op);
        }
        return false;
    })
}

$('#province').change(function () {
    var pId = 0;
    $('.province').each(function () {
        if ($(this).is(':checked')) {
            pId = $(this).val();
        }
    })
    $("option").remove(".city");
    var city = '<option value="" class="city">--选择市--</option>';
    $('#city').append(city);
    $("option").remove(".district");
    var district = '<option value="" class="district">--选择县、区--</option>';
    $('#district').append(district);
    getarea(pId, "city");
})
$('#city').change(function () {
    var pId = 0;
    $('.city').each(function () {
        if ($(this).is(':checked')) {
            pId = $(this).val();
        }
    })
    $("option").remove(".district");
    var district = '<option value="" class="district">--选择县、区--</option>';
    $('#district').append(district);
    getarea(pId, "district");
})